﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>

  <link rel="stylesheet" href="./css/media.css">
  <link rel="stylesheet" href="./css/font-style.css">

  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
  <style>
    .more
    {
      display: none;
    }
  </style>
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="javascript:;">
      <img src="./images/header_logo.png" alt="">
    </a>
    <!-- 头部中间文字，看需求 -->
    <!-- <span>头部</span> -->
    <a href="javascript:;">
      <img src="./images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索栏 -->
  <div class="search">
    <input type="text" placeholder="请输入你想比价的商品">
    <a href="javascript:;">搜索</a>
  </div>
  <!-- 中间内容部分 -->
  <div class="lkf_content">
    <!-- 分隔线 -->
    <div class="lkf_line"></div>
    <nav>
      <ul>
        <li><a href="./view/classificationPage/classificationPage.html"><img src="./images/ic_search.png"><span>比价搜索</span></a></li>
        <li><a href="./view/save money/saveMoney.html"><img src="./images/ic_cu.png"><span>省钱控</span></a></li>
        <li><a href="./view/discount/discount.html"><img src="./images/ic_coudanpin.png"><span>国内折扣</span></a></li>
        <li><a href="./view/Preferentialpage/Preferentialpage.html"><img src="./images/ic_bcj.png"><span>白菜价</span></a></li>
        <li><a href="./view/seaNaughty/seaNaughty.html"><img src="./images/haitao.png"><span>海淘折扣</span></a></li>
        <li><a href="./view/coupon/coupon.html"><img src="./images/ic_temai.png"><span>优惠券</span></a></li>
        <li><a href="javascript:;"><img src="./images/ic_trend.png"><span>查历史价</span></a></li>
        <li  class="click"><a href="javascript:;" ><img src="./images/gengduo.png"><span>更多</span></a></li>
        <li class="more"><a href="./view/pieceTogethe/shop.html"><img src="./images/ic_coudanpin.png"><span>凑单品</span></a></li>
        <li class="more"><a href="javascript:;"><img src="./images/ic_kb.png"><span>口碑排行</span></a></li>
        <li class="more"><a href="./view/marketNav/marketNav.html"><img src="./images/ic_mall.png"><span>商城导航</span></a></li>
        <li class="more"><a href="./view/marketNav/AllBrand.html"><img src="./images/ic_pp.png"><span>品牌大全</span></a></li>
      </ul>
    </nav>
    <!-- 分隔线 -->
    <div class="lkf_line"></div>
    <!-- 超值折扣价 -->
    <div class="lkf_discount">
      <div class="lkf_dis_title">
        <h4>超值折扣推荐</h4>
        <span class="icon-circle-right"></span>
      </div>
      <div class="lkf_dis_main">
        <div class="lkf_main_left">
          <img src="" alt="">
        </div>
        <div class="lkf_main_right">
          <div class="lkf_mr_title">
            移动端凑单品:海天 鲜味 生抽 1.28L <span>10.9元</span>
          </div>
          <div class="lkf_mr_info">
            京东商城|10-25 14:10
            <span></span>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- 底部 -->
  <footer>
    <div class="foot_tool">
      <a href="javascript:;">登录</a>
      <a href="javascript:;">注册</a>
      <a href="javascript:;">返回顶部</a>
    </div>
    <div class="foot_content">
      <a href="javascript:;">手机APP下载
        <span>慢慢买手机版</span>
      </a>
      <span>--掌上比价平台</span>
      <p>m.manmanbuy.com</p>

    </div>
  </footer>
</body>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/template/template.js"></script>
<script src="./js/index.js"></script>
<!-- 导航栏模板 -->
<script type="text/template" id="navlistTem">
  {{each result as val key}}
  <li><a href="{{val.titlehref}}">{{val.img}}<span>{{val.name}}</span></a></li>
  {{/each}}
</script>

<!-- 折扣价模板 -->
<script type="text/template" id="discountlistTem">
  <div class="lkf_dis_title">
    <h4>超值折扣推荐</h4>
    <span class="icon-circle-right"></span>
  </div>
  {{each result as val key}}
  <a href="./view/money_details/money_details.html?id={{val.productId}}" class="lkf_dis_main">
    <div class="lkf_main_left">
      {{val.productImgSm}}
    </div>
    <div class="lkf_main_right">
      <div class="lkf_mr_title">
        {{val.productName}}<span> {{val.productPinkage}}</span>
      </div>
      <div class="lkf_mr_info">
        {{val.productFrom}} | {{val.productTime}}
        <span class="icon-twitch">{{val.productComCount}}</span>
      </div>
    </div>
  </a>
  {{/each}}
  <div class="lkf_moreInfo"><a href="./view/Preferentialpage/Preferentialpage.html">更多优惠信息 》</a></div>
</script>

</html>

<script>
  $('.click').click(function ()
  {
      $('.more').toggle('more');
  })
</script>